<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人简介</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>

    <div id="sticker">
        <h2 id="titleName" class="sectionHead">
            <font style="vertical-align: inherit;">
                <font style="vertical-align: inherit;">刘治贤</font>
            </font>
        </h2>
        <div id="socialIcons">
            <a class="socialIcon" target="_blank" id="facebookIcon" href="#"></a>
            <a class="socialIcon" target="_blank" id="twitterIcon" href="#"></a>
            <a class="socialIcon" target="_blank" id="youTubeIcon" href="#"></a>
            <a class="socialIcon" target="_blank" id="gplusIcon" href="#"></a>
            <a class="socialIcon" target="_blank" id="dribbbleIcon" href="#"></a>
        </div>
    </div>


    <div id="wrapper">

        <h2 id="titleName" class="sectionHead">刘治贤</h2>

        <div id="bio">
            <h2>前端网页设计师/开发人员</h2>


            <div id="socialIcons">
                <a class="socialIcon" target="_blank" id="facebookIcon" href="#"></a>
                <a class="socialIcon" target="_blank" id="twitterIcon" href="#"></a>
                <a class="socialIcon" target="_blank" id="youTubeIcon" href="#"></a>
                <a class="socialIcon" target="_blank" id="gplusIcon" href="#"></a>
                <a class="socialIcon" target="_blank" id="dribbbleIcon" href="#"></a>
            </div>


            <p>
                我来自邯郸，我是一名泊头职业学院即将毕业的学员。
                我的性格偏于内向，为人坦率、热情、讲求原则；处事乐观、专心、细致、头脑清醒；富有责任心、乐于助人。
                我还是一个正直忠诚、勤奋求实的人，会不断追求人格的自我完善；明显的特点是乐观自信、温和开朗、稳重宽厚，因此，我人际关系和谐，适应环境能力较强。爱好电脑、科普知识，喜欢钻研，正因为这些增强了我的实干精神，习惯事情或问题及早解决。</a>


                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/producer.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/photopharm.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/brick.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/nav.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/novelist.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/dailypress.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/eventure.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/politico.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/zoom.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/chameleon.jpg"></a>
                <a title="Selected Work" class="selectedWork" data-rel="prettyPhoto[pp_gal]"
                    href="images/portfolio/maitred.jpg"></a>
            </p>

        </div>

        <div class="clear"></div>

        <h2 id="tools" class="sectionHead">技能专长</h2>
        <ul id="skills">
            <li id="skill1" class="s80"><span>Javascript</span></li>
            <li id="skill2" class="s70"><span>PHP</span></li>
            <li id="skill3" class="s100"><span>HTML + CSS</span></li>
            <li id="skill4" class="s60"><span>jQuery</span></li>
            <li id="skill5" class="s70"><span>Photoshop</span></li>
            <li id="skill6" class="s80"><span>vue</span></li>
        </ul>


        <div class="clear"></div>

        <h2 id="clock" class="sectionHead">项目</h2>

        <ul id="jobs">
            <li>
                <div class="details">
                    <a style="font-size: 18px;" href="http://xiangyingshi-web-1.gitee.io/weather_forecast">天气预报网页</a>
                </div>
                <p>该网页用到了API，轻量，直接通过http，不需要额外的协议，post/get/put/delete操作
                    面向资源，一目了然，具有自解释性</p>
            </li>
            <li>
                <div class="details">
                    <a style="font-size: 18px;" href="http://xiangyingshi-web-1.gitee.io/dabian">荣耀官网</a>
                </div>
                <p>该网页运用了json数据，还有一些js、css过度效果，响应式布局。</p>
            </li>
            <li>
                <div class="details">
                    <a style="font-size: 18px;"
                        href="http://xiangyingshi-web-1.gitee.io/jingdong_mall_shopping_cart">京东购物车</a>
                </div>
                <p>该网站运用了js，可以实时计算价格变化，总价等</p>
            </li>
        </ul>

        <div class="clear"></div>

        <h2 id="learn" class="sectionHead">学校</h2>

        <ul id="schools">
            <li>
                <div class="details">
                    <h3>泊头职业学院</h3>
                    <h4>大专</h4>
                    <h5>2019 - 2020</h5>
                </div>
                <p>泊头职业学院（BTVC）是经河北省人民政府批准，教育部备案同意，由沧州师范泊头分校改建的国办全日制普通高校。学院坐落于素有“中国铸造名城”、“汽车模具之乡”之称的河北省新兴城市——泊头市，交通便利，地理位置优越。建校九十年来，为河北乃至全国培养了大批优秀人才。如今，学院已发展成为一个集高等教育、师范教育、普通教育于一体的大型集团化教育单位。悠久的历史名校，焕发着勃勃生机。
                </p>
            </li>
            <li>
                <div class="details">
                    <h3>邯郸轻化工学校</h3>
                    <h4>中专</h4>
                    <h5>2016 - 2019</h5>
                </div>
                <p>始建于1981年4月，由邯郸市轻化工业局开办，原名为“邯郸市轻化职工学校”。1984年9月经河北省人民政府批准，国家教育部备案命名为“邯郸市轻化职工中等专业学校”</p>
            </li>
        </ul>

        <div class="clear"></div>

        <h2 id="contact" class="sectionHead">联系我</h2>

        <div id="contactform" class="contact">
            <form action="send.php" method="post">

                <div id="contactInfo">
                    <p>
                        <label class="smallInput" for="name">姓名 <span class="required">*</span></label><br />
                        <input type="text" name="name" id="name" value="" class="input round3" />
                    </p>
                    <p>
                        <label class="smallInput" for="email">邮箱 <span class="required">*</span></label><br />
                        <input type="text" name="email" id="email" value="" class="input round3" />
                    </p>
                    <p>
                        <label class="smallInput" for="phone">电话</label><br />
                        <input type="text" name="phone" id="phone" value="" class="input round3" />
                    </p>
                </div>
                <p id="emailMessage">
                    <label class="smallInput" for="message">留言 <span class="required">*</span></label><br />
                    <textarea name="message" id="message" class="input round3"></textarea>
                </p>


                <input name="send" id="submit_btn" type="submit" class="round3 clearRight" value="发消息" />


            </form>
        </div>


    </div>
    <div id="copyright"><a href="#" target="_blank" title="联系方式">QQ：1482021419</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
            href="#" title="联系方式" target="_blank">电话：17331979223</a></div>


    <script src="js/script.js"></script>
    <script src="js/jquery-3.3.1.js"></script>
</body>

</html>